.header{position: relative;}
.autowidth{ width: 1200px; max-width: 94%; margin: auto;}
.headerNav{ float: right;}
.topsearch{ text-align: right; padding-top: 25px;}
.searchInput{ position: relative; margin-right: 15px; }
.searchInput input{line-height: 20px;height: 20px;transition: .3s;  display: block; border: 1px solid #ccc;padding: 4px 10px; width: 210px;background: transparent;}
.searchInput input:focus{ border-color: #0e4a9e;}
.searchInput a{line-height: 30px; text-align: center;color: #aaa; position: absolute; right: 0;top: 0;bottom: 0;width: 30px;}
.color014099{color: #014099;}
.headerDL dd{ float: left; position: relative; margin-left: 50px; }
.headerDL dd:before{ position: absolute;transition: .4s; -webkit-transition: .4s; left: 0;width: 0;content: '';bottom: 0;border-top: 2px solid #0E4A9E;}
.headerDL dd.on:before{ width: 100%;}
.headerDL dd.on>a{color: #0E4A9E;}
.headerDL dd>a{ display: block; line-height: 60px; position: relative; font-size: 16px;}
.logo{ position: absolute; left: 0;top: 20px;display: block;}
.bodyMain{ width: 1440px; margin: auto; max-width: 90%;}
.indexMain{background:#fff url(/template/pc/bailan/images/indexbg.jpg) no-repeat center top;background-size: 100%; border: 1px solid #ddd;}
.otherMain{background:#fff; border: 1px solid #ddd;}
.lookMore{ text-align: center;}
.lookMore a{ display: inline-block; line-height: 38px;border: 1px solid #0e4a9e; color: #0e4a9e; border-radius: 2px; padding: 0 35px;}
.footer{background: #008cd1; padding: 2% 0;}
.footerDL{ text-align: center; white-space: nowrap;}
.footerDL dd{text-align: left; vertical-align: top; padding: 0 3%; display: inline-block; *display: inline;*zoom: 1;}
.footerDL dd h6{ font-size: 16px;}
.footerDL dd{color: #ffffff; font-size: 16px;}
.footTxt{color: #ffffff; margin-top: 15px; line-height: 1.8;}
.copyRight { color: #ffffff; text-align: center; margin-top: 2%; display: flex; display: -webkit-flex;justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center;}


.headTxt{font-size: 14px; white-space: nowrap; display: none;-webkit-transform-origin: 50% 0;transform-origin: 50% 0;animation: ulDH 0.2s ease both; -webkit-animation: ulDH 0.2s ease both; position: absolute; line-height: 32px; left: -35px;top: 100%;text-align: center;}


.headTxt  ul li a{ display: block; position: relative;border-bottom: 1px solid #0e4a9e; }

.headTxt  ul li a:before{transition: .5s; -webkit-transition: .5s; position: absolute; left: 0;width: 0;bottom: 0;height: 2px;content: '';background: #0E4A9E;}

.headTxt  ul li a:hover{background: #0E4A9E;  color: #ffffff; }

.headTxt  ul li.on a:before{ width: 100%;}

.headTxt ul li{ display: inline-block; width:140px; line-height: 40px;position: relative;z-index: 2;vertical-align: top;background: #f6f6f6;}


.headerDL dd:nth-child(3) .headTxt,.headerDL .threedd .headTxt{ left: -1000px; right: -1000px;text-align: center;}
.redColor{ color: #FF5722;}
.appendToBody{ display: none;}


@media only screen and (min-width:1059px ) {
	.lookMore a:hover{background: #0E4A9E;color: #fff;}
	.searchInput a:hover{color: #0E4A9E;}
	.footer a:hover {color: #0E4A9E;text-decoration: underline;}
	.headerDL dd:hover:before{ width: 100%;}
	.headTxt p a:hover,.headTxt p.on a{color: #0E4A9E;}
	.headerDL dd:hover{z-index: 5;}
	.headTxt p a:hover:before{ width: 100%;}
	.headerDL dd:hover>a{color: #0E4A9E;}
	.headerDL dd:hover .headTxt{ display: block;}
}


@media only screen and (max-width:1059px ) {
	.headTxt{ display: block; position: static; text-align: left;white-space: normal;}
	.headTxt p{ display: inline-block; padding:0 10px 0 0; border: 0;}
	.headerDL dd:before{ display: none;}
	.bodyMain{ padding-top: 60px;}
	.header{ position: fixed; left: 0;top: 0;right: 0;z-index: 100;}
	.logo{ position: static;top: 0; float: left; padding: 7px 0;}
	.logo img{ height: 46px;}
	.headerNav{ background: #fff; display:none;  float: none; position: fixed; left: 0;right: 0;top: 60px;bottom: 0;overflow-y: auto; -webkit-overflow-scrolling: touch;}
	.headerDL dd{ margin: 0; float: none; border-bottom: 1px solid #edf1f6;}
	.topsearch{ padding-top: 0; padding: 15px 3%; padding-bottom: 10px; background: #edf1f6;}
	.headerDL {padding: 0 3%; padding-bottom: 20px;}
	.headerDL dd>a{ line-height: 44px;}
	.navMenu {right: 0;display: block; z-index:22;position: absolute;top:50%; margin-top: -13px; cursor: pointer; width:30px;height:26px;}
	.navMenu span{border-radius: 2px; position: absolute; left: 0;background: #0E4A9E; width: 100%; height: 2px; display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
	.navMenu .line1{ top: 0;}
	.navMenu .line2{ top: 50%; margin-top: -1px;}
	.navMenu .line3{ bottom: 0;}
	.navMenu.on .line1{transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg); top: 50%; bottom: auto;}
	.navMenu.on .line2{transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top: 50%; bottom: auto;}
	.navMenu.on .line3{display: none;}
	.searchInput input{border: 0;background: #fff;border-radius: 20px;}
	.headTxt:before{ display: none;}
	.headerDL dd:nth-child(3) .headTxt, .headerDL .threedd .headTxt{ left: 0;right: auto; text-align: left;}
	.headTxt p.on a:before{ display: none;}
	.headTxt p.on a{ color: #014099;}
	.appendToBody{ display: block; background: #eee; padding: 0 10px;}
	.appendToBody .headTxt p{ line-height: 40px;}
	.appendToBody .headTxt{position: relative; left: 0; line-height: 40px; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;}
}

@media only screen and (max-width:960px ) {
	.footTxt{ display: none;}
	.footerDL{ white-space: normal;}
	.footerDL dd{text-align: center; width: 24%; padding: 0;}
}


@media only screen and (max-width:640px ) {
	.bodyMain{ width: auto; max-width: 100%;}
	.lookMore a{ padding: 0 18px; line-height: 30px;}
	.copyRight{ display: block; font-size: 12px;}
	.footerDL dd h6{ font-size: 14px;}
	.copyRight>p{ display: block;text-align: center;}
	.copyRight>p img{ margin-bottom: 10px;}
	.footerDL{ text-align: left; padding-top: 1%;}
	.headerDL dd>a{ line-height: 38px;}
	.headTxt p{ line-height: 24px;}
	.headTxt p a{color: #666;}
}


@media only screen and (max-width:480px ) {
	.searchInput{ display: block; margin: 0 0 5px 0; width: 100%;}
	.searchInput input{ width: 100%;padding: 6px 0 6px 0; text-indent: 12px;}
	.index_1_txt>p br{ display: none;}
}


@keyframes ulDH{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes ulDH{
	from{opacity: 0;}
	to{opacity: 1;}
}